<template>
	<view class="goblin">
		<view class="name">噬魂兽</view>
		<view class="progress">
			<view class="hp">
				<comp-progress :size="15" activeColor="var(--color-red)" :percent="520/1000 * 100"></comp-progress>
				<view class="info-text">520 / 1000</view>
			</view>
			<view class="rate">
				<comp-progress :size="5" activeColor="#0099cc" :percent="50"></comp-progress>
			</view>
		</view>
	</view>
</template>

<script>
	import compProgress from "@/components/comp-progress/comp-progress.vue"
	export default {
		name:"comp-goblin",
		components:{
			compProgress
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.goblin{
		flex:1;
		@include character('player')
	}
</style>